

/*屏幕自适应样式*/


@media only screen and (max-device-width:768px) {

    span{width: 24% !important;}

}



@media only screen and (max-device-width:720px) {
    /**/
}




@media only screen and (max-device-width:640px) {
   

}



@media only screen and (max-device-width:540px) {
    .container .xinsiban_register,
    .container .gupiao_register,
    .container  .input_setpassword,
    .container .input_login{
        margin: 20px 3%;
        width: 15%;
        height: 40px;
    }

    .container form input {
        font-size: .75em;

    }
}





@media only screen and (max-device-width:480px) {

    a {
        font-size: .625em;
    }
    .a_left {
        padding-left: 19%;

    }

    .a_right {
        padding-right: 24%;
    }

    .slide{top: 26% !important;}
    span {
        width: 28% !important;
    }

    .container .xinsiban_register {
      
    }
    .wrapper {margin: 0 2% 0 4% !important;}
}



@media only screen and (max-device-width:412px) and (-webkit-max-device-pixel-ratio: 3) {

    .container .xinsiban_register,
    .container .gupiao_register,
    .container  .input_setpassword,
    .container .input_login{
        width: 18%;
    }
    .wrapper {margin: 0 2% !important;}
    span {
        width: 32% !important;
    }
}



@media only screen and (max-device-width: 375px) {
    .container .xinsiban_register,
    .container .gupiao_register,
    .container  .input_setpassword,
    .container .input_login{
        width: 15%;
    }


    .container form input {
        font-size: .75em;

    }

    .a_left {
        padding-left: 15%;

    }

    .a_right {
        padding-right: 22%;
    }

    .wrapper {margin: 0 2% !important;}
    span {
        width: 35% !important;
    }
}





@media only screen and (max-device-width: 360px)and (-webkit-max-device-pixel-ratio: 2) {
    .container .xinsiban_register,
    .container .gupiao_register,
    .container  .input_setpassword,
    .container .input_login{
        width: 20%;
    }


}


@media only screen and (max-device-width: 320px){
    .container .xinsiban_register,
    .container .gupiao_register,
    .container  .input_setpassword,
    .container .input_login{
        width: 24%;
        margin-right: 10%;
    }


    .container form input {
        font-size: .75em;

    }

    .a_left {
        padding-left: 15%;

    }

    .a_right {
        padding-right: 20%;
    }

    .slide{top: 18% !important;} 

    .container form label {margin-left: 0;}
    span {
        width: 100% !important;
        margin: 0 auto;
    }
}


@media only screen and (max-device-width: 320px)and (-webkit-max-device-pixel-ratio: 2){
    .container .xinsiban_register,
    .container .gupiao_register,
    .container  .input_setpassword,
    .container .input_login{
        width: 24%;
        font-size: .5em;
    }


    .container form input {
        font-size: .75em;

    }
    a {
        font-size: .5em;
    }
    .a_left {
        padding-left: 15%;

    }

    .a_right {
        padding-right: 20%;
    }
    .slide{top: 18% !important;} 
    .container form label {margin-left: 0!important;}
    span {
        width: 100% !important;
        margin: 0 auto;
    }
    .register_form h2 {
        padding: 5% 0 !important;
    }


    .container .xinsiban_register{margin-right: 4%!important;}

}



@media only screen and (max-device-width: 280px){
    .container .xinsiban_register,
    .container .gupiao_register,
    .container  .input_setpassword,
    .container .input_login{
        width: 24%;
    }


    .container form input {
        font-size: .75em;

    }

    .a_left {
        padding-left: 15%;

    }

    .a_right {
        padding-right: 20%;
    }

}